<!DOCTYPE html>
<!-- 通过 xmlns:th=”http://www.thymeleaf.org“ 命令空间，将静态页面转换为动态的视图，
需要进行动态处理的元素,将使用“th:”前缀。 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Insert title here</title>

</head>

<body th:fragment="rank">
<div class="content-right">
    <!-- 小说下载排行 -->
    <div class="rank-list">
        <div class="title">名校排行</div>
        <div class="top-img">

            <div class="img-box">
                <img th:src="${ rankInfo[0][0].photo}" style="width: 90px; height: 120px;">
                <span><a
                        th:href="@{/toNovelDetail(novelId=${rankInfo[0][0].novelId }) }"> [[${rankInfo[0][0].title }]]  </a></span>
            </div>
            <div class="img-box">
                <img th:src="${ rankInfo[0][1].photo}" style="width: 90px; height: 120px;">
                <span><a
                        th:href="@{/toNovelDetail(novelId=${rankInfo[0][1].novelId }) }"> [[${rankInfo[0][1].title }]]  </a></span>
            </div>


        </div>
        <div class="list">
            <div class="list-group novel-list">

                <a th:each="item : ${rankInfo[0] } " th:href="@{/toNovelDetail(novelId=${item.novelId }) }"
                   class="list-group-item novel-list-item">
                    <span>【 [[ ${item.categories.cateName } ]]  】 [[ ${item.title } ]]</span>
                </a>

            </div>

        </div>
    </div>
    <!-- 小说阅读排行榜 -->
    <div class="rank-list">
        <div class="title">地区名校排行</div>
        <div class="top-img">

            <div class="img-box">
                <img th:src="${ rankInfo[1][0].photo}" style="width: 90px; height: 120px;">
                <span><a th:href="@{/toNovelDetail(novelId=${rankInfo[1][0].novelId } )}"> [[ ${rankInfo[1][0].title } ]] </a></span>
            </div>
            <div class="img-box">
                <img th:src="${ rankInfo[1][1].photo}" style="width: 90px; height: 120px;">
                <span><a th:href="@{/toNovelDetail(novelId=${rankInfo[1][1].novelId } )}"> [[ ${rankInfo[1][1].title } ]] </a></span>
            </div>

        </div>
        <div class="list">
            <div class="list-group novel-list">

                <a th:each="item : ${rankInfo[1] }" th:href="@{/toNovelDetail(novelId=${item.novelId } ) }"
                   class="list-group-item novel-list-item">
                    <span>【 [[ ${item.categories.cateName } ]] 】 [[ ${item.title } ]]</span>
                </a>

            </div>

        </div>
    </div>
</div>
</body>
</html>